// 建议所有项目自定义样式放在该文件夹下

//列表头部搜索样式
section .search-section {
  margin-bottom: 20px;
  .search-item{
    margin-right: 6px;
  }
  input{
    width: 20%;
  }
  nz-select{
    width: 160px;
  }
  .search-add-right{
    float: right;
  }
}


#content-section::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background-color: #F5F5F5;
}

#content-section::-webkit-scrollbar
{
  width: 6px;
  background-color: #F5F5F5;
}

#content-section::-webkit-scrollbar-thumb
{
  background-color: rgba(0,0,0,.1);
}


/*关系链css*/
.link {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items:center;
}

.link .first,.link .last {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.link .dot {
  width: 10px;
  height: 10px;
  background-color: #666;
  border-radius: 10px;
}

.link .line {
  width: 1px;
  height: 64px;
  background-color: #999;
}

.link .line-middle {
  width: 1px;
  height: 110px;
  background-color: #999;
}

.link .link-con {
  display: flex;
  /* height: 28px; */
  flex-direction: column;
  align-items: center;
}
.link .link-left {
  display: flex;
  flex-direction: row;
  /* justify-content: center;
  align-items: center; */
  height: 80px;
  align-items: center;
  position: absolute;
  right: -12px;
  top: -32px;
}
//.link .link-con:nth-child(even) .link-left {
//  display: none
//}
//.link .link-con:nth-child(odd) .link-right {
//  display: none
//}
//.link  .link-con:last-child.line-middle {
//  display: none;
//}
.link .link-right {
  display: flex;
  flex-direction: row;
  /* justify-content: center; */
  align-items: center;
  height: 80px;
  position: absolute;
  left: -12px;
  top: -32px;
}

.link .dot-middle image {
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
}

.link .accross {
  flex: 0 0 24px;
  /* height: 12px; */
  width: 24px;
  border-bottom: 1px solid #666;
  margin: 0 8px 0 6px;
}
.link .avatar{
  width: 80px;
  height: 80px;
  border-radius: 80px;
  background: #eee;
  /* overflow: hidden; */
}
.link .avatar img {
  flex: 0 0 80px;
  width: 80px;
  height: 80px;
  border-radius: 80px;
  /* overflow: hidden; */

  border:1px solid #eee;

}

.link img {
  vertical-align: middle;
}

.link .name {
  color: #110101;
  font-size: 24px;
  width: 206px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.link .link-left .name {
  text-align: right;
  width: 206px;
}
.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
